<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--src资源路径
    1.相对路径：一般访问站内资源时使用
        -图片和页面在同一目录：直接写图片名
        -图片在页面的上级目录：../图片名(每个../代表一级目录)
        -图片在页面的下级目录：文件夹名/图片名
    2.绝对路径:一般访问账外资源，图片盗链，
-->
<!--alt：当图片不能正常显示时 显示的文本-->
<!--title：图片标题-->
<img src="p2.png" width="100" alt="美女"><br>
<img src="../p1.png" width="100" title="蜡笔小新" alt="蜡笔小新">
<!--width/height
两种赋值方式：1.像素 2.上级元素的百分比

-->
<img src="img/p3.png" width="100" alt="">
<img src="img/p3.png" width="50%" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///cab8c8127d9c404fa5a41b415e573884.jpg" width="100" alt="">
</body>
</html>